<script setup>
import HomeBanner from './components/HomeBanner.vue'
import HomeCategory from './components/HomeCategory.vue'
import HomeNew from './components/HomeNew.vue'
import HomeBrand from './components/HomeBrand.vue'
import HomeProduct from './components/HomeProduct.vue'
</script>

<template>
    <div class="container">
        <HomeCategory />
        <HomeBanner />
        <HomeNew />
        <HomeBrand />
        <HomeProduct />
    </div>
</template>

<style scoped lang="less">
@import "../../assets/styles/variables.less";
@import "../../assets/styles/mixins.less";

.xtx-home-page {
    color: @xtxColor;
    .hoverShadow();
}
</style>
